@charset "utf-8";
/* CSS Document */

/**common**/
*{ margin:0; padding:0;}
html, body { min-width:1360px;}
body, div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { margin:0; padding:0; font:14px/1 Arial,Helvetica,\5FAE\8F6F\96C5\9ED1,sans-serif;}
table,td,tr,th { border-collapse: collapse; border-spacing: 0; font-size:14px;}
ol,ul {list-style:none;}
li { list-style-type:none;}
img { vertical-align:middle; border:0;}
h1,h2,h3,h4,h5,h6 { font-size:inherit; font-weight:normal;}
.clear { clear:both; *zoom:1;}
.clear:after { display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
a {text-decoration:none;}
a:visited { text-decoration:none;}
a:hover { text-decoration:none;}
a:active { text-decoration:none;}

.fl { float:left;}
.fr { float:right;}
@font-face { font-family: "Helvetica"; src: url('../fonts/Helvetica.ttf'); }
@font-face { font-family: "HelveticaBold"; src: url("../fonts/HelveticaBold.ttf");}
@font-face { font-family: "PangMen"; src: url("../fonts/PangMen.ttf");}
@font-face { font-family: "YouSheBiaoTiHei"; src: url("../fonts/YouSheBiaoTiHei.ttf");}
@font-face { font-family: "DINMITTELSCHRIFTSTD"; src: url("../fonts/DINMITTELSCHRIFTSTD.OTF");}

/* 设置滚动条的样式 */
::-webkit-scrollbar { width:0;}/* 滚动槽宽度 */
::-webkit-scrollbar-track { background-color:#f0f0f0; border-radius:0px;}
::-webkit-scrollbar-thumb { background-color:#77b123;} /* 滚动条滑块默认状态 */
::-webkit-scrollbar-thumb:window-inactive { background-color:#77b123;} /* 滚动条滑块点击状态 */

/*头部 开始*/
.lyTop { width:100%; height:125px; margin:0; padding:0;background: url(../images/top_navbg.png) no-repeat center bottom;overflow: hidden;position:relative; z-index:9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lyTop .lyTop_Main { width:1300px; height:auto; margin:0 auto; padding:0; position:relative;}
.lyTop_Main .lyLogo { width:315px; height:65px; overflow:hidden; margin:20px 0; padding:0; float:left;}
.lyLogo a { display: table-cell; vertical-align: middle; width:100%; height:65px; overflow:hidden; margin:0; padding:0;}
.lyLogo a img { display:inline-block; max-width:100%; height:auto; max-height:100%; margin:0; padding:0;}

.lytop_right .lytop_menu { width:40px; height:40px; margin:0; padding:0; float:left;}
.lytop_menu a { display:block; width:40px; height:40px; overflow:hidden; margin:0; padding:0; background:url(../images/menu_icon1.png) center center no-repeat;}
.lytop_menu a:hover { background:#77b123 url(../images/menu_icon2.png) center center no-repeat;}


/*导航栏 开始*/
.ly_nav { width:56%; height:auto; margin:0; padding:0; float:left;}
.ly_nav li, .ly_nav a {	text-decoration: none; list-style: none;}
.ly_nav ::-webkit-scrollbar { display: none;}
.ly_nav .nav_list { width:100%; margin:0 auto; -webkit-box-sizing: border-box; box-sizing: border-box;}
.ly_nav .nav_list > ul > li { display:inline-block; width:14.285%; position: relative; list-style: none; padding:0; float:left; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ly_nav .nav_list > ul > li > a { display: inline-block; width:100%; line-height: 65px; color: #333; font-size: 17px; text-align:center; padding: 20px 0; margin: 0; text-decoration: none; position:relative; z-index:1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ly_nav .nav_list > ul > li > a em.navIco { display:none; width:19px; height:19px; vertical-align:middle; margin:-4px 8px 0 0; padding:0;}
.ly_nav .nav_list > ul > li:hover > a em.navIco, .ly_nav .nav_list > ul > li.active > a em.navIco { display:inline-block;}
.ly_nav .nav_list > ul > li > .navLine { width:0; height:7px; overflow:hidden; background:url(../images/top_navico.png) center center no-repeat; margin:0; padding:0; position:absolute; bottom:25%; left:50%; z-index:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.ly_nav .nav_list > ul > li:hover > .navLine, .ly_nav .nav_list > ul > li.active > .navLine { width:72px; margin:0 0 0 -36px;}
.ly_nav .nav_list > ul > li:nth-child(1):hover > .navLine, .ly_nav .nav_list > ul > li:nth-child(1).active > .navLine { width:96px; margin:0 0 0 -48px;}

.ly_nav .nav_list > ul > li i { display:inline-block; width:20px; height:20px; background:url(../images/down.png) center center no-repeat; background-size:10px 10px; vertical-align:middle; cursor:pointer; margin:0; display:none;}
.ly_nav .nav_list > ul > li i.cur{ background:url(../images/up.png) center center no-repeat; background-size:10px 10px; text-decoration:none;}
.ly_nav .nav_list > ul > li ul { display:none; position:absolute; left:-17%; top:80px; z-index:9; width:134%; overflow:hidden; background-color:#fff; border-top:2px solid #77b123; box-shadow:0 4px 6px rgba(0, 0, 0, 0.1); border-radius:0 0 2px 2px;}
.ly_nav .nav_list > ul > li:hover ul { display:block;}
.ly_nav .nav_list > ul > li ul li { width:100%; overflow:hidden; margin:0 auto; padding:0; border-bottom:1px solid rgba(85, 87, 89, 0.1);}
.ly_nav .nav_list > ul > li ul li:last-child { border:0;}
.ly_nav .nav_list > ul > li ul li a { display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#555; font-size:14px; text-align:center; white-space:nowrap; text-overflow: ellipsis; margin:0 auto; padding:0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ly_nav .nav_list > ul > li ul li a:hover { color:#77b123;}
.ly_nav .nav_menu { display: none;}

/*导航栏 结束*/
.top_tel{padding-left: 42px; background: url(../images/top_telico.png) no-repeat left center; margin: 27px 0; max-width: 236px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.top_tel span{font-size: 16px; color: #999; display: block; line-height: 100%;}
.top_tel p{font-size: 26px; color: #77b123; font-weight: bold; line-height: 100%; margin-top: 7px;}
/*头部 结束*/

/*Foot 开始*/
.foot{width:100%; overflow:hidden; margin:0 auto; padding:50px 0 20px; background-color:#22242a;}
.foot .foot_main{width:1300px; margin:0 auto;}
.foot_main .nav{ width:60%; float:left; border-right:1px solid #393a40;}
.foot_main .nav ul li{ width:25%; float:left; height:150px; overflow:hidden;}
.foot_main .nav ul li dt{ font-size:20px; color:#fff;}
.foot_main .nav ul li dt:after{content:""; width:32px; height:3px;background-color:#77b123; display:block; margin:25px 0;}
.foot_main .nav ul li dd{ margin-bottom:15px;width:80%;}
.foot_main .nav ul li dd a{ color:rgba(255,255,255,.66); font-size:16px; line-height:24px;transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; display:block;}
.foot_main .nav ul li dd a:hover{color:rgba(255,255,255,1);}
.foot_main .right{ width:31%;float:right;}
.foot_main .right .ewm{ width:101px; float:left;}
.foot_main .right .ewm img{ max-width:101px;}
.foot_main .right .ewm span{color:rgba(255,255,255,.66); text-align:center; line-height:32px; display:block; width:100%;}
.foot_main .right dt{ font-size:36px; color:#77b123; font-weight:bold; margin:0 0 15px 25px; float:left;}
.foot_main .right p{color:rgba(255,255,255,.66);line-height:24px;margin-left:25px; float:left; width:63%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.foot_main .right p.email{overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
/*Foot 结束*/

/*友情链接 开始*/
.link{width:100%; height:auto; overflow:hidden; margin:25px auto 0; padding:24px; border:1px solid rgba(255,255,255,0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.link dt{ font-size:18px; color:#fff; float:left; width:8%; line-height:32px;}
.link dl{ width:92%; float:left;}
.link dl dd{display: inline-block; position:relative; margin-right:28px;}
.link dl dd:nth-child(10n+10){ margin-right:0;}
.link dl dd a{ color:rgba(255,255,255,.66); font-size:16px; padding-left:16px; line-height:32px;transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.link dl dd a:hover{color:rgba(255,255,255,1);}
.link dl dd a:before{content:""; width:7px; height:7px;background:url(../images/link_ico.png) center center no-repeat; display:block; position:absolute; top:12px;}
/*友情链接 结束*/

.copyright{ width:1300px; margin:25px auto 0; padding:0; overflow:hidden;}
.copyright p{ width:50%; line-height:40px; color:rgba(255,255,255,.66); margin:0; padding:0;}
.copyright p.fr{ text-align:right;}
.copyright p a{ color:rgba(255,255,255,.66);transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.copyright p a:hover{color:rgba(255,255,255,1);}

/*右侧客服6 开始*/
.kfView6 { width:70px; height:auto; position: fixed; top:30%; right:0; z-index:999;}
.kfView6 .suspension-box { position:relative; float:right;}
.kfView6 .a { display:block; width:44px; height:44px; background-color:#77b123; margin-bottom:4px; cursor:pointer; outline:none;}
.kfView6 .a.active, .kfView6 .a:hover { background-color:#068445;}
.kfView6 .a .i { float:left; width:20px; height:20px; margin-top:12px; margin-left:12px; background-image:url(../images/kf6_imgs/suspension-bg.png); background-repeat:no-repeat;}
/* .kfView6 .a-service .i { background-position:0 0;} */
.kfView6 .a-service .i { background-position:0 0;}
.kfView6 .a-service-phone .i { background-position:-20px 0;}
.kfView6 .a-qrcode .i { background-position:0 -20px;}
.kfView6 .a-cart .i { background-position:-88px 0;}
.kfView6 .a-top { background:#D2D3D6; display:none;}
.kfView6 .a-top:hover { background:#068445;}
.kfView6 .a-top .i { background-position:-20px -20px;}
.kfView6 .d { display:none; width:200px; background:#fff; position:absolute; right:54px; border:1px solid #E0E1E5; border-radius:3px; box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.kfView6 .d .arrow { position:absolute; width:8px; height:12px; background:url(../images/kf6_imgs/side_bg_arrow.png) no-repeat; right:-8px;top:31px;}
.kfView6 .d-service { top:0;}
.kfView6 .d-service-phone { top:-10px;}
.kfView6 .d-qrcode { top:35px;}
.kfView6 .d .inner-box { padding:15px;}
.kfView6 .d-service-item { padding:0;}
.kfView6 .d-service .d-service-item { border-bottom:none;}
.kfView6 .d-service-item .circle { width:44px; height:44px; border-radius:50%; overflow:hidden; background:#ecf1f5; display:block; float:left;}
.kfView6 .d-service-item .i-qq { width:44px; height:44px; background:url(../images/kf6_imgs/side_con_icon03.png) no-repeat center 16px; display:block; transition:all .2s; border-radius:50%; overflow:hidden;}
.kfView6 .d-service-item:hover .i-qq { background-position:center center;}
.kfView6 .d-service-item .i-tel { width:44px; height:44px; background:url(../images/kf6_imgs/side_con_icon02.png) no-repeat center 24px; display:block; transition:all .2s;}
.kfView6 .d-service-item:hover .i-tel { background-position:center center;}
.kfView6 .d-service-item h3 { float:left; width:112px; line-height:44px; color:#666; font-size:15px; margin-left:12px;}
.kfView6 .d-service-item .text { float:left; width:112px; line-height:22px; font-size:15px; margin-left:12px;}
.kfView6 .d-service-item .text .number { font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.kfView6 .d-service-item .text p { height:44px; line-height: 22px; color: #666; font-size: 14px;}
.kfView6 .d-service-intro { padding-top:10px;}
.kfView6 .d-service-intro p { float:left; line-height:27px; font-size:12px; width:50%; white-space:nowrap; color:#888;}
.kfView6 .d-service-intro i { background:url(../images/kf6_imgs/side_con_icon01.png) no-repeat center center; height:27px; width:14px; margin-right:5px; vertical-align:top; display:inline-block;}
.kfView6 .d-qrcode { text-align:center; width:120px;}
.kfView6 .d-qrcode .inner-box { padding:10px 0;}
.kfView6 .d-qrcode p { font-size:14px; color:#93959c; margin:0;}
/*右侧客服6 结束*/